<!DOCTYPE html>
<html lang="zh-cn">

<head>

  <meta content="text/html;charset=utf-8" http-equiv="content-type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

  <title>${orgName} - 创建产品</title>

  <!-- Bootstrap Core CSS -->
<!-- MetisMenu CSS -->
<!-- Custom CSS -->
<!-- Custom Fonts -->
  <!--webuploader 引入CSS-->
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
    <link rel="stylesheet" href="/server/r/bower_components/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/server/r/bower_components/metisMenu/dist/metisMenu.min.css" />
    <link rel="stylesheet" href="/server/r/static/css/sb-admin-2_e507c2b.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/font-awesome/css/font-awesome.min.css" />
    <link type="text/css" rel="stylesheet" href="/server/r/static/css/hxz/common_2baa698.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/alertify/themes/alertify.core.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/alertify/themes/alertify.bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="/server/r/bower_components/select2/dist/css/select2.min.css" />
    <link rel="stylesheet" type="text/css" data-loader href="/server/r/bower_components/fex-webuploader/dist/webuploader.css" />
    <link type="text/css" rel="stylesheet" data-loader href="/server/r/vendor/umeditor/themes/default/css/umeditor.min.css" />
    <link rel="stylesheet" type="text/css" data-loader href="/server/r/bower_components/cropper/dist/cropper.min.css" />
    <style>
                #activity-design {
                  z-index: 999; position: absolute; display: block; left: 470px; top: 500px; display: none;
                }
              </style>
</head>

<body>
<input type="hidden" id="file-contentType" value="">
<div id="wrapper">
  <!--图片上传的模态窗口-->
  <div class="modal fade" id="activity-img" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
       aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h5 class="modal-title" id="myModalLabel">图片上传</h5>
        </div>
        <div class="modal-body">
          <div class="image-cut-container">
            <img id="preview-image" style="width: 100%;">
            <h5>图片预览</h5>
            <input id="e-x" type="hidden"/>
            <input id="e-y" type="hidden"/>
            <input id="e-width" type="hidden"/>
            <input id="e-height" type="hidden"/>

            <div class="row">
              <div class="col-lg-6">
                <div class="cutImg"></div>
              </div>
              <div class="col-lg-6">
                <p style="text-indent: 2em; margin-top: 10px;">为了显示美观，上传图片的宽高比固定为2:1。</p>
                <a id="cropper" class="btn btn-primary pull-left">上传图片</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!--图片上传的模态窗口-->
  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="index">${orgName}</a>
</div>
<!-- /.navbar-header -->

<ul class="nav navbar-top-links navbar-right">

    <!-- /.dropdown -->
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            ${userName} <i class="fa fa-user fa-fw"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user">
            <li><a href="/server/logout"><i class="fa fa-sign-out fa-fw"></i> 退出系统</a>
            </li>
        </ul>
        <!-- /.dropdown-user -->
    </li>
    <!-- /.dropdown -->
</ul>
<!-- /.navbar-top-links -->

    <div class="navbar-default sidebar" role="navigation">
      <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
    <li>
        <a href="/server/index"><i class="fa fa-dashboard fa-fw"></i> 首页</a>
    </li>
    <#if authMenu("/verify/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="/server/verify">
                <i class="fa fa-check fa-fw"></i> 核销
            </a>
            <!-- /.nav-second-level -->
        </li>
    </#if>
    <#if authMenu("/activity/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-asterisk fa-fw"></i> 产品管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/activity-add"> 创建产品</a>
                </li>
                <li>
                    <a href="/server/activity-list"> 我的产品</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/player/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY0?exists||Session.ACTIVITY1?exists>
            <li>
                <a href="#"><i class="fa fa-male fa-fw"></i> 报名管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/player-list">报名查询</a>
                    </li>
                    <li>
                        <a href="/server/verifyRecord/list">核销记录</a>
                    </li>
                </ul>
            </li>
        </#if>
    </#if>

    <#if authMenu("/order/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-list-alt fa-fw"></i> 订单管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/order-list">订单查询</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>

        <#if authMenu("/ticket/*", Session.USER_PERMISSION?string)>
            <#if Session.ACTIVITY3?exists || Session.ACTIVITY6?exists>
                <li>
                    <a href="#"><i class="fa fa-ticket fa-fw"></i> 雪票管理<span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a href="/server/ticket-list">数据统计</a>
                        </li>
                        <li>
                            <a href="/server/verify?type=6">雪票核销</a>
                        </li>
                        <li>
                            <a href="/server/ticket-verify-list">核销记录</a>
                        </li>
                    </ul>
                    <!-- /.nav-second-level -->
                </li>
            </#if>
        </#if>
    </#if>

    <#if authMenu("/hotel/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY7?exists>
            <li>
                <a href="#"><i class="fa fa-building fa-fw"></i> 酒店预订管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/hotel-order-list">酒店预订管理</a>
                    </li>
                    <li>
                        <a href="/server/hotel-verify-list">核销记录</a>
                    </li>
                </ul>
            </li>
        </#if>
    </#if>

    <#if authMenu("/coach/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY2?exists>
            <li>
                <a href="#"><i class="fa fa-users fa-fw"></i> 教练管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/coach-list"> 预约查询</a>
                    </li>
                    <li>
                        <a href="/server/verify?type=2">教学签到</a>
                    </li>
                    <li>
                        <a href="/server/coach-verify-list">核销记录</a>
                    </li>
                </ul>
                <!-- /.nav-second-level -->
            </li>
        </#if>
    </#if>

    <#if authMenu("/camp/*", Session.USER_PERMISSION?string)>
        <#if Session.ACTIVITY5?exists>
            <li>
                <a href="#"><i class="fa fa-trophy fa-fw"></i> 冬令营管理<span class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li>
                        <a href="/server/camp-player-list"> 报名查询</a>
                    </li>
                </ul>
                <!-- /.nav-second-level -->
            </li>
        </#if>
    </#if>

    <#if authMenu("/finance/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-rmb fa-fw"></i> 财务管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/stream-list"> 交易流水</a>
                </li>
                <li>
                    <a href="/server/withdrawals-list">提现管理</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/customer/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-user-md fa-fw"></i> 会员管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/customer-list">会员查询</a>
                </li>
            </ul>
        </li>
    </#if>

    <#if authMenu("/comment/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-comments fa-fw"></i> 评价管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/comment-list">评价管理</a>
                </li>
            </ul>
        </li>
    </#if>

    <#if authMenu("/statistics/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-bar-chart fa-fw"></i> 统计<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/statistics/product/list">产品统计</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/marketing/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-key fa-fw"></i> 营销管理<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/marketing-list">营销活动</a>
                </li>
                <li>
                    <a href="/server/marketing-present-list">礼品列表</a>
                </li>
                <li>
                    <a href="/server/marketing-user-list">用户信息统计</a>
                </li>

            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

    <#if authMenu("/user/*", Session.USER_PERMISSION?string)>
        <li>
            <a href="#"><i class="fa fa-gear fa-fw"></i> 设置<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li>
                    <a href="/server/authority/user-list">用户&权限</a>
                </li>

                <li>
                    <a href="/server/user-profile">主办方信息</a>
                </li>
            </ul>
            <!-- /.nav-second-level -->
        </li>
    </#if>

</ul>
      </div>
      <!-- /.sidebar-collapse -->
    </div>
    <!-- /.navbar-static-side -->
  </nav>

  <input type="hidden" id="type" value="${type}">

  <div id="page-wrapper">
    <div class="row">
      <div class="col-lg-12">
        <h3 class="page-header">创建产品</h3>
      </div>
      <!-- /.col-lg-12 -->
    </div>

    <div class="row">
      <div class="col-lg-10">
        <form role="form" id="form-activity-add">
          <div class="form-group form-require">
            <label>产品名称</label>
            <input id="activity-title" class="form-control " required>

            <p class="help-block">产品名称不能超过20个字</p>
          </div>
          <div class="form-group form-require" id="product-type">
            <label>产品类型</label>
            <br>
            <select class="form-control" id="activity-type"></select>
          </div>
          <div class="form-group form-require" id="present-type">
            <label>是否为促销奖品</label>
            <p class="help-block">
              如果选择为促销奖品，则此产品将不会出现在活动列表中，只能用于营销活动的礼品使用。
            </p>
            <div id="is_present" required>
              <label class="radio-inline">
                <input id="present-no" name="present" type="radio" value="1">是
              </label>
              <label class="radio-inline">
                <input id="present-yes" name="present" type="radio" value="0" checked>否
              </label>
            </div>
          </div>
          <div class="form-group">
            <div class="form-require" id="act-description">
              <label>简介</label>
              <input id="activity-description" class="form-control" required>

              <p class="help-block">简介不能超过40个字</p>
            </div>
            <div class="form-require" id="travel-description">
              <div>
                <label>目的地:</label>
                <input class="form-control" id="end-place" required>
                <label>出发地:</label>
                <input class="form-control" id="start-place" required>
                <label>供应商:</label>
                <input class="form-control" id="travel-org" required>
              </div>
            </div>
          </div>


          <div class="form-group form-require">
            <label>产品海报</label>

            <p class="help-block">若上传图片提示“请上传小于100k的图片”，请打开<a href="http://www.uupoop.com/" target="_blank">图片处理工具</a>将图片处理为符合要求的图片后进行上传
            </p>

            <p class="help-block">1. 选择“图像->图像尺寸”，调整图片尺寸为“宽度：400px，高度：200px”；</p>

            <p class="help-block">2. 选择“文件->保存”，在保存图片界面，通过调整“质量”，可以改变图片大小，请保证调整后的图片大小小于100k；</p>

            <p class="help-block">3. 在保存图片界面，点击“保存”，将图片保存到本地</p>
            <input type="hidden" id="activity-posterUrl"/>

            <div id="uploader-demo">
              <!--用来存放item-->
              <div><img src="" alt="" id="activityImage" style="margin: 20px 0px;"/></div>
              <div id="filePicker">选择图片</div>
            </div>
          </div>

          <div class="row">
            <div class="col-lg-6" style="max-width: 450px;">
              <div class="form-group form-require">
                <label id="introduction-info">产品介绍</label>
                <!--style给定宽度可以影响编辑器的最终宽度-->
                <script type="text/plain" id="activity-introduction" style="height:240px;"></script>
              </div>
              <div class="form-group form-require">
                <label id="help-info">常见问题</label>
                <script type="text/plain" id="activity-help" style="height:240px;"></script>
              </div>
              <div class="form-group form-require">
                <label id="statement-info">免责声明</label>
                <script type="text/plain" id="activity-legal-statement" style="height:240px;"></script>
              </div>
            </div>
            <div>
                            <div id="activity-design" class="activity-design clearfix">
                <div class="app-preview">
                  <div class="app-header"></div>
                  <div class="app-entry">
                    <div class="app-config js-config-region">
                      <div class="app-field clearfix editing">
                        <h1 class="page-title"><span>手机浏览</span></h1>

                        <div class="control-group">
                          <div class="custom-title text-left">
                            <h2 class="title" id="richtext-title">商品分组</h2>
                          </div>
                        </div>

                        <div class="control-group">
                          <div class="custom-richtext" id="richtext-box">
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>


          <div class="form-group">
            <!--<a id="activity-add-btn" href="javascript:void(0);" class="btn btn-success">保存并返回</a>-->
            <!--<a id="activity-add-goto-episode-btn"  href="javascript:void(0);" class="btn btn-primary">保存并创建场次</a>-->
            <a id="activity-add-goto-episode-btn" href="javascript:void(0);" class="btn btn-primary">保存</a>
            <a id="activity-cannel-btn" href="javascript:void(0);" class="btn btn-default">取消</a>
          </div>
        </form>
      </div>
      <!-- /#page-wrapper -->
    </div>
    <!-- /#wrapper -->
    <!-- Modal -->
<div class="modal fade" id="activity-preview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">产品手机版二维码</h4>
      </div>
      <div class="modal-body" style="padding-left: 145px;">
        <img src="/server/r/static/images/qrcode.png" style="width: 300px;height: 300px;">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
    <div id="hxz-background" class="background" style="display: none; "></div>
<div id="hxz-progressBar" class="progressBar" style="display: none; ">数据加载中，请稍等...</div>

<script src="/server/r/require.js"></script>
<script type="text/javascript">/*resourcemap*/
require.config({paths:{
  "r/bower_components/jquery/dist/jquery.min": "/server/r/bower_components/jquery/dist/jquery.min",
  "r/bower_components/underscore/underscore-min": "/server/r/bower_components/underscore/underscore-min",
  "r/static/js/hxz/hxz.valid": "/server/r/static/js/hxz/hxz.valid_12cc206",
  "r/static/js/hxz/hxz.rest": "/server/r/static/js/hxz/hxz.rest_07c8105",
  "r/bower_components/alertify/alertify.min": "/server/r/bower_components/alertify/alertify.min",
  "r/static/js/alertify-config": "/server/r/static/js/alertify-config_0cc8db2",
  "r/bower_components/bootstrap/dist/js/bootstrap.min": "/server/r/bower_components/bootstrap/dist/js/bootstrap.min",
  "r/bower_components/metisMenu/dist/metisMenu.min": "/server/r/bower_components/metisMenu/dist/metisMenu.min",
  "r/bower_components/select2/dist/js/select2": "/server/r/bower_components/select2/dist/js/select2",
  "r/static/js/hxz/hxz.ui": "/server/r/static/js/hxz/hxz.ui_0a7714d",
  "r/static/js/hxz/hxz": "/server/r/static/js/hxz/hxz_589b155",
  "r/vendor/umeditor/umeditor.config": "/server/r/vendor/umeditor/umeditor.config",
  "r/vendor/umeditor/umeditor": "/server/r/vendor/umeditor/umeditor",
  "r/vendor/umeditor/lang/zh-cn/zh-cn": "/server/r/vendor/umeditor/lang/zh-cn/zh-cn",
  "r/bower_components/fex-webuploader/dist/webuploader": "/server/r/bower_components/fex-webuploader/dist/webuploader",
  "r/bower_components/jquery-validation/dist/jquery.validate.min": "/server/r/bower_components/jquery-validation/dist/jquery.validate.min",
  "r/bower_components/cropper/dist/cropper.min": "/server/r/bower_components/cropper/dist/cropper.min"
}});

    window.UMEDITOR_HOME_URL = "/server/r/vendor/umeditor/";
  </script>
<script type="text/javascript" src="/server/r/static/js/app/admin-activity-add_7e4a273.js"></script>
</body>
</html>
